<template>
    <div class="my-header">
       <slot></slot>
       <input type="text" :value="value" @input="$emit('input',$event.target.value)" @keydown.enter="$emit('down')">
    </div>
</template>
<script>
export default {
    props:['value'],
    data() {
        return {
            
        }
    },
}
</script>
<style lang="scss" scoped>
.my-header{
    height: 60px;
    background: #333333;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>
